<html>
  <body>
    我是孩子2
    <div>我有方法 ccc1</div>
    <div>
      <button type="button" onclick="a1Method()">调用第一层 a1方法</button>
      <button type="button" onclick="t1Method()">调用平行层窗口 t1方法</button>
      <button type="button" onclick="b1Method()">调用第二层 b1方法</button>
      <button type="button" onclick="cc1Method()">调用孩子1窗口 cc1方法</button>
    </div>
  </body>

  <script>
    var frameName="孩子2";
    function ccc1(src){
        alert(`${src} 调用了 孩子2 ccc1方法`);
    }

    /**
      调用第一层窗口 a1方法
    */
    function a1Method(){
		top.a1(frameName);
    }

        /**
      调用平行层窗口 t1方法
    */
    function t1Method(){
		top.frames[0].t1(frameName);
      }

    /**
      调用第二层窗口 b1方法
    */
    function b1Method(){
		top.frames[1].b1(frameName);
    }

    /**
      调用孩子1窗口 cc1方法
    */
    function cc1Method(){
		parent.frames[0].cc1(frameName);
    }

  </script>
</html>